.select-search {
    position: relative;
    z-index: 1000;
 }
.select-search a {
   color: #333;
   text-decoration: none;
   padding: 10rpx;
   font-size: 32rpx;
  }
ul {
   list-style: none;
   padding: 12rpx 0;
   margin: 0;
   max-height:200rpx;
   overflow-x: hidden;
   overflow-y: auto;
      }
li {
  display: block;
  width: 100%;
  padding: 10rpx;
  font-size: 28rpx;
  padding: 16rpx 20rpx;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #48576a;
  height: 72rpx;
  box-sizing: border-box;
  cursor: pointer;
   }
.active {
  background-color: #20a0ff;
  color: #000;
    }
.select-body {
   border-radius: 4rpx;
   box-sizing: border-box;
   margin: 10rpx 0;
   padding: 16rpx;
   width: 100%;
   }
   .input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0,0,0,0);
    background-image: none;
    border-radius: 8rpx 0 0 8rpx;
    border: 2rpx solid #bfcbd9;
    box-sizing: border-box;
    color: #000;
    font-size: 36rpx;
    height: 72rpx;
    line-height: 1;
    outline: 0;
    padding: 6rpx 20rpx;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 85%;
    display: inline-block;
   }
   input::placeholder{
    color:#000;
    }
	.inp{
		display: flex;
	}
	.select_text{
		width: 100rpx;
		font-size: 36rpx;
		height: 72rpx;
		line-height: 72rpx;
		border-radius:0 8rpx 8rpx 0;
		text-align: center;
		border: 2rpx #bfcbd9 solid;
		border-left: none;
	}